@import '../../../../../style/common';
.rightTools {
  position: fixed;
  top: 400px;
  @media screen and (max-width: @common-screen-xs-max) {
    right: 100px;
  }
  @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
    right: 120px;
  }
  @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
    right: 135px;
  }
  @media screen and (min-width: @common-screen-lg) {
    right: 160px;
  }

  .service {
    width: 72px;
    height: 72px;
    background: @primary-color;
    color: #fff;
    text-align: center;
    img {
      margin-top: 18px;
    }
    cursor: pointer;
  }
  .top {
    background: #fff;
    height: 72px;
    text-align: center;
    img {
      margin-top: 18px;
    }
    cursor: pointer;
  }
  .qrCodeHover {
    position: fixed;
    top: 400px;
    @media screen and (max-width: @common-screen-xs-max) {
      right: 180px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      right: 200px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      right: 215px;
    }
    @media screen and (min-width: @common-screen-lg) {
      right: 240px;
    }
  }
}
